.box
{
    width: 1150px;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    border: 2px solid rgb(196, 223, 240);
    font: 15px "微软雅黑","宋体",sans-serif;
    background-color:#f0f0f0;
    /* background-color:rgb(230, 245, 245); */
}
.box-head
{
    margin: 25px 0px 0px 25px;
    color: rgb(98, 95, 95);
}
a{
    color: rgb(98, 95, 95);
    text-decoration:none;
}
a:hover {color:rgb(189, 98, 98) }
.box-body
{
    width: 1100PX;
    height: auto;
    margin: auto;
    margin-bottom: 25px;
    /* background-color:rgb(217, 223, 223); */
    border-radius:15px;
    overflow: hidden;
}
.project-one
{
    float:left;
    width: 420px;
    height:620px;
    /* background-color:rgb(230, 245, 245); */
    background-color:#f0f0f0;
    /* background-color:rgb(205, 219, 219); */
    margin:40px 52.5px;
    border:2px  dotted  #f0f0f0;
} 
.project-one:hover
{
    /* border:2px solid   rgb(152, 243, 193); */
    border:2px solid   rgb(183, 214, 233);  
}
.one-photo{
    height: 300px;
}

.describe{
    padding-top: 30px;
    height: 190px;
}
.word:hover{
    color: rgb(98, 95, 95);
}
.describe-word{
    padding-left: 35px;
    padding-right: 35px;
    line-height:28px;
}


.page-turning{
    height: 55px;
}

.pagination{
    list-style:none;
    }

.page{
    display:block;
}


ul {
    width:500px;
    height:auto; 
    margin:0px auto;
    
}
ul li { 
    /* display:block; */
    width:100px;
    float:left; 
    text-align:center;
    line-height: 40px;
}
ul li:hover{
    background-color: rgb(183, 214, 233);
    
}
.page:hover{
    color: black;
}

